<template>
  <div></div>
</template>
<script setup>
import * as THREE from 'three'
const scence= new THREE.Scene()
const camera=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000)
camera.position.z=2
const renderer= new THREE.WebGLRenderer()
renderer.setSize(window.innerWidth,window.innerHeight)
document.body.appendChild(renderer.domElement)
const geometry= new THREE.BoxGeometry(1,1,1)
const material= new THREE.MeshBasicMaterial({color:'blue'})
const cube = new THREE.Mesh(geometry,material)
scence.add(cube)
renderer.render(scence,camera)
function animate(){
  requestAnimationFrame(animate)
  cube.rotation.x+=0.01
  cube.rotation.y+=0.01
  renderer.render(scence,camera)
}
animate()
</script>

<style lang="scss" scoped></style>
